@use "sass:color";
@use "../../common.scss";

.fullscreen_form_container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    height: 100%;
    width: 100%;

    .fullscreen_form_box {
        position: relative;
        display: flex;
        flex-flow: row;

        .ui.message {
            position: absolute;
            left: 0;
            bottom: 100%;
            width: 100%;
            color: common.$white;
            border: none;
            box-shadow: none;

            .icon {
                font-size: 1.5em;
            }

            &.error {
                background: common.$red;
            }

            &.success {
                background: color.adjust(common.$green, $lightness: -10%);
            }
        }
    }

    .fullscreen_form {
        flex: 0 0 50%;
        min-width: 28em;

        &.loading {
            min-height: 10em;
            &::before {
                @include common.roundCorners-lg;
                background: transparent;
            }

            &::after {
                border-color: common.$green rgba(common.$bgdarker,.25) rgba(common.$bgdarker,.25) rgba(common.$bgdarker,.25);
            }
        }
    }
}
